<template>
  <view class="sys_btn">
    <!-- <button
      plain="true"
      open-type="getUserInfo"
      lang="zh_CN"
      @getuserinfo="appLoginWx"
    >
      小程序登录授权
    </button> -->
    <button plain="true" @click="getInfo">小程序登录授权</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      show: true,
    };
  },
  methods: {
    getInfo() {
      uni.getUserProfile({
        desc: "Weixin",
        success: (res) => {
          console.log(res);
          // 本地存储用户数据
          uni.setStorage({
            key: "userInfo",
            data: res.userInfo,
            success: function () {
              console.log("success");
              // uni.navigateBack({
              //   delta: 1,
              // });
            },
          });
          this.getUserInfo();
        },
        fail: (fail) => {
          console.log(fail);
        },
      });
    },
    getUserInfo() {
      let that = this;
      uni.getProvider({
        // 获取服务供应商
        service: "oauth", //oauth授权登录服务
        success: function (res) {
          if (~res.provider.indexOf("weixin")) {
            // 登录
            uni.login({
              provider: "weixin",
              success: (res2) => {
                // 获取用户信息
                console.log(res2);
                // 后端调用微信接口获取用户openid
                that
                  .$MyRequest({
                    url: "/get_openid",
                    method: "POST",
                    data: {
                      code: res2.code,
                    },
                  })
                  .then((res) => {
                    console.log(res);
                    // 本地存储openid
                    uni.setStorage({
                      key: "openid",
                      data: res.data.openid,
                      success: function () {
                        console.log("已存储openid");
                        uni.navigateBack({
                          delta: 1,
                        });
                      },
                    });
                  });

                // uni.getUserProfile({
                //   desc: "Weixin",
                //   success: (res) => {
                //     console.log(res);
                //   },
                //   fail: (fail) => {
                //     console.log(fail);
                //   },
                // });

                /* 
                uni.getUserInfo({
                  provider: "weixin",
                  success: (info) => {
                    console.log(res2.code);

                    console.log(info);
                    // 本地存储用户数据
                    uni.setStorage({
                      key: "userInfo",
                      data: info.userInfo,
                      success: function () {
                        console.log("success");
                        // uni.navigateBack({
                        //   delta: 1,
                        // });
                      },
                    });
                    // // 后端调用微信接口获取用户openid
                    // that
                    //   .$MyRequest({
                    //     url: "/get_openid",
                    //     method: "POST",
                    //     data: {
                    //       code: res2.code,
                    //     },
                    //   })
                    //   .then((res) => {
                    //     console.log(res);
                    //     // 本地存储openid
                    //     uni.setStorage({
                    //       key: "openid",
                    //       data: res.data.openid,
                    //       success: function () {
                    //         console.log("已存储openid");
                    //         // uni.navigateBack({
                    //         //   delta: 1,
                    //         // });
                    //       },
                    //     });

                    //     uni.setStorage({
                    //       key: "infoShow",
                    //       data: {
                    //         infoShow: 1,
                    //       },
                    //     });
                    //   });
                  },
                  fail: () => {
                    uni.showToast({ title: "微信登录授权失败", icon: "none" });
                  },
                });
             */
              },
              fail: () => {
                uni.showToast({ title: "微信登录授权失败", icon: "none" });
              },
            });
          } else {
            uni.showToast({
              title: "请先安装微信或升级版本",
              icon: "none",
            });
          }
        },
      });
    },
  },
};
</script>

<style lang="scss">
@import "@/static/styles/mixin.scss";
.sys_btn {
  width: 100%;
  margin: auto;
  margin-top: 100rpx;
  // background-color: #00B26A;
  // color: #ffffff;
  button {
    width: 375rpx;
    border: 2rpx solid #00b26a;
    color: #00b26a;
  }
}
</style>
